* {
	margin: 0;
	padding: 0
}

.pages_warper{
	width: 100%;
	background-color: gold;
	overflow: hidden;
	font-size: 14px;
	font-family: "Microsoft Yahei";
}

.pages_warper_inner{
	/*position: absolute;*/
	/*top: 0;*/
	background-color: cyan;
	margin-top: 0;
}

.pages_warper_inner .warper1{background-color: orange;}
.pages_warper_inner .warper2{background-color: lightgreen;}
.pages_warper_inner .warper3{background-color: black;color: #fff;}
.pages_warper_inner .warper4{background-color: #125338;color: #fff;}
.pages_warper_inner .warper5{background-color: lightblue;}

.pages_warper_inner .page{position: relative;opacity: 0;}

.pages_warper_inner .page .left{width: 50%;height: 100%;position: absolute;}
.pages_warper_inner .page .right{width: 50%;height: 100%;position: absolute;right: 0;}


.pages_warper_inner .warper1 .left{background:url("../images/001.png") left no-repeat;}
.pages_warper_inner .warper1 .right p{margin-top: 0;margin-left: 50%;width: 70%;text-indent: 28px;line-height: 40px;}
.pages_warper_inner .page .right img{margin-top: 20%;margin-left: 10%;}

.pages_warper_inner .warper2 .left p{margin-top: 30%;margin-right: 50%;width: 70%;text-indent: 28px;line-height: 40px;}
.pages_warper_inner .warper2 .right{background:url("../images/002.png") left no-repeat;}

.pages_warper_inner .warper3 .left{background:url("../images/django.jpg") left no-repeat;}
.pages_warper_inner .warper3 .right p{margin-top: 30%;margin-left: 50%;width: 70%;text-indent: 28px;line-height: 40px;}

.pages_warper_inner .warper4 .left{background:url("../images/locust.png") left no-repeat;background-size: 650px;}
.pages_warper_inner .warper4 .right p{margin-top: 20%;margin-left: 50%;width: 70%;text-indent: 28px;line-height: 40px;}

.pages_warper_inner .warper5 .center{height: 100%;background:url("../images/005.png") center no-repeat;transform: rotateZ(0deg);transition: all 3s ease;}

/*ul li 样式*/
ul{
	position: fixed;
	top: 35%;
	right: 3%;
	list-style: none;
}

ul li{
	width: 18px;
	height: 18px;
	border: 1px solid #666;
	border-radius: 100%;
	margin: 10px;
	cursor: pointer;
}

ul .active{
	background-color: #ccc;
}